/*reset css*/
*{margin:0;padding:0;list-style:none;border:none;}
body{background:#fff;font-family:'microsoft yahei';}
/*main css*/
.izl-rmenu{position:fixed; left:50%; margin-left:632px; bottom:10px; padding-bottom:73px; background:url(../images/r_b.png) 0px bottom no-repeat; z-index:999;
  display: none; }
.izl-rmenu .btn{width:72px; height:73px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de;}
.izl-rmenu .btn-qq:hover{background-color:#488bc7;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat; background-color:#6da9de; text-decoration:none; display:block;}
.izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat; background-color:#78c340;}
.izl-rmenu .btn-wx:hover{background-color:#58a81c;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-160px; top:0px; display:none;width:160px;height:160px;}
.izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat; background-color:#fbb01f;}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:160px; left:-160px; top:0px; line-height:73px; color:#FFF; font-size:18px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat; background-color:#666666; display:none;}
.izl-rmenu .btn-top:hover{background-color:#444;}

/*2020-03-18*/
/*容器的布局方式*/
.all-flex{
  display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
  display: -moz-box; /* 老版本语法: Firefox (buggy) */
  display: -ms-flexbox; /* 混合版本语法: IE 10 */
  display: -webkit-flex; /* 新版本语法: Chrome 21+ */
  display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
}
/*主轴为X方向*/
.all-drection-row{
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction:row;
  -webkit-flex-direction: row;
  flex-direction: row;
}
/*自动换行*/
.all-flex-wrap{
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
/*主轴为Y方向*/
.all-drection-column{
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column;
  -ms-flex-direction:column;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/*主轴为X方向，子元素从右到左显示*/
/*这里补充说明一点： box 写法的 box-direction 只是改变了子元素的排序，并没有改变对齐方式，需要新增一个 box-pack 来改变对齐方式。*/
.all-drection-right{
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  -webkit-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/*主轴为Y方向，子元素从下到上显示*/
.all-drection-bottom{
  -webkit-box-pack: end;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

/*子元素主轴居中对齐*/
.all-justify-center{
  -webkit-box-pack: center;
  -moz-justify-content: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/*子元素主轴左对齐*/
.all-justify-start {
  -webkit-box-pack: start ;
  -moz-justify-content: start ;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
/*子元素主轴右对齐*/
.all-justify-end  {
  -webkit-box-pack: end  ;
  -moz-justify-content: flex-end  ;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
/*子元素主轴左右对齐（旧版没有space-around）*/
.all-justify-justify{
  -webkit-box-pack: justify  ;
  -moz-justify-content: justify  ;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}

/*子元素交叉轴居中对齐*/
.all-align-items-center{
  -webkit-box-align: center;
  -moz-align-items: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

/*子元素交叉轴左对齐*/
.all-align-items-start{
  -webkit-box-align: start ;
  -moz-align-items: start ;
  -ms-flex-align: start;
  -webkit-align-items: flex-start ;
  align-items: flex-start ;
}

/*子元素交叉轴右对齐*/
.all-align-items-end{
  -webkit-box-align: end ;
  -moz-align-items: end ;
  -ms-flex-align: end;
  -webkit-align-items: flex-end ;
  align-items: flex-end ;
}

/*子元素交叉轴文本基线对齐*/
.all-align-items-baseline {
  -webkit-box-align: baseline  ;
  -moz-align-items: baseline  ;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline  ;
  align-items: baseline;
}

/*子元素交叉轴上下对齐并铺满*/
.all-align-items-baseline {
  -webkit-box-align: stretch  ;
  -moz-align-items: stretch  ;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch  ;
  align-items: stretch;
}


/*子元素伸缩比为1*/
.all-items{
  -webkit-box-flex: 1.0;
  -moz-flex: auto;
  -ms-flex: auto;
  -webkit-flex: auto;
  flex: auto;
}

/*子元素显示顺序*/
.all-order{
  -webkit-box-ordinal-group: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
/*子元素显示顺序*/
.all-order-previous{
  -webkit-box-ordinal-group: 0;
  -moz-order: 0;
  -webkit-order: 0;
  order: 0;
}
/*子元素显示自己设置的宽度*/
.all-item-flex-shrink{
  -webkit-box-flex: 0;
  -moz-flex-shrink: 0;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}

.index_trans .trans_nav{
  /*margin-top: -20px;*/
}
.trans_nav{
  width: 14.9rem;
  margin: 0 auto;
  height:1.08rem;
  margin-top: -0.2rem;
}
/*2021-12-28*/
.trans_nav_logo{
  display: block;
  width: 2rem;
  height: .8rem;
  margin-right: .2rem;
}
.trans_nav_ul{
  flex: 1;
  color: #fff;
  font-size: .16rem;
  height: 100%;
}
.trans_nav_ul a{
  color: #fff;
}
.trans_nav_item{
  position: relative;
  padding: 0 .2rem;
  height: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: .04rem solid transparent;
}
.en_us{
  min-width: 1rem;
}
.trans_nav_item:hover{
  border-bottom: .04rem solid #eb780a;
}
.trans_nav_item:hover>a{
  color: #eb780a;
}
.trans_nav_item:hover .trans_nav_item_ol{
  visibility: visible;
  height: auto;
  opacity: 1 ;
  transition: opacity 0.8s;
}
.trans_nav_item_ol{
  position: absolute;
  z-index: 9;
  background: rgba(0,0,0,0.9);
  /*width: 100px;*/
  width: 100%;
  text-align: center;
  left: 0px;
  top: 1.07rem;
  font-size: .15rem;
  line-height: .34rem;
  visibility: hidden;
  opacity: 0;
  height: 0;
}
.trans_nav_item_ol a{
  color: #fff;
}
.trans_nav_item_ol li{
  line-height: .22rem;
  margin: .1rem 0;
}
.trans_nav_item_ol li:hover{
  /*background: #676666;*/
  /*color: #eb780a;*/
  background: #eb780a;
}

/*footer*/
.footer{
  width: 100%;
  padding: 0px 0;
  background-color: transparent;
  margin-top: 20px;
}
.footer_top{
  background: rgba(0,0,0,0.9);
}
.footer_btm{
  background: #111111;
  height: 52px;
  line-height: 52px;
  font-size: 12px;
  color: #fff;
}
.footer_btm_cbox{
  text-align: center;
}
.footer_btm a:hover{
  color: #f63 !important;
}
.footer_top_cbox{
  padding: 30px 0 60px;
}
.footer_top_cbox,.footer_btm_cbox{
  width: 1140px;
  margin: 0 auto;
}

.footer_top_citem{
  width: 100%;
  margin-bottom: 30px;
}
.footer_top_citem_left{
  width: 650px;
}
.footer_top_citem_right{
  padding-left: 36px;
  flex: 1;
}
.footer_top_citem_tit{
  font-size: 16px;
  color: #fff;
  margin-bottom: 12px;
}
.footer_top_citem_left_ul{
  flex-wrap: wrap;
}
.footer_top_citem_left_ul_item{
  font-size: 14px;
  color: #fff;
  text-align: left;
  margin-right: 25px;
}
.footer_top_citem_left_ul_item:hover{
  color: #f63;
}
.footer_top_citem_tit_phone_icon{
  background: url('../images/trans_foot_icon1.png') no-repeat left top;
  background-size: 23px;
}
.footer_top_citem_tit_email_icon{
  background: url('../images/trans_foot_icon2.png') no-repeat left top;
  background-size: 23px;
}
.footer_top_citem_left_ol{
  color: #fff;
  font-size: 14px;
}
.footer_top_citem_left_ol_phone{
  color: #ed6c00;
  cursor: pointer;
  font-size: 22px;
  font-weight: 600;
}
.footer_top_citem_left_ol .footer_top_citem_left_ol_item{
  width: 100%;
}
.footer_top_citem_right_logs_wrap{
  padding-left: 0;
}
.footer_top_citem_right_logos{

}
.footer_top_citem_right_logos_item{
  width: 44px;
  height: 32px;
  margin-right: 52px;
  position: relative;
  cursor: pointer;
}
.footer_top_citem_right_logos_item1{
  background:url('../images/trans_foot_logo1.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item2{
  background:url('../images/trans_foot_logo2.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item3{
  background:url('../images/trans_foot_logo3.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item8 {
    background: url('../images/dy.png') no-repeat center;
    background-size: contain;
    height:27px;
}
.footer_top_citem_right_logos_item4{
  background:url('../images/trans_foot_logo4.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item1:hover {
  background:url('../images/trans_foot_logo1_org.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item2:hover {
  background:url('../images/trans_foot_logo2_org.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item3:hover {
  background:url('../images/trans_foot_logo3_org.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item8:hover {
    background: url('../images/dyh.png') no-repeat center;
    background-size: contain;
    height: 27px;
}
.footer_top_citem_right_logos_item4:hover {
  background:url('../images/trans_foot_logo4_org.png') no-repeat center;
  background-size: contain;
}
.footer_top_citem_right_logos_item:hover .foot_logos_hovershow{
  visibility: visible;
  opacity: 1;
  height: auto;
  transition: opacity 0.3s;
}
.foot_logos_hovershow{
  position: absolute;
  z-index: 2;
  top: 33px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  height: 0;
  visibility: hidden;
}
.foot_logos_hover_top{

}
.foot_logos_hover_top img{
  display: block;
  width: 13px;
  margin: 0 auto;
}
.foot_logos_hover_btm{
  padding: 10px 10px 10px 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #252525;
}
.foot_logos_hover_btm_item{
}
.foot_logos_hover_btm_item1{
  margin-right: 8px;
}
.foot_logos_hover_btm_item_img{
  width: 120px;
}
.foot_logos_hover_btm_item_txt{
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}